// function Tab(el, options = {}) {
// this.el = document.querySelector(el)
// this.init()
// }
// Tab.prototype.init = function () {
//     this.titleOver();
//     this.titleOut();
// };

// Tab.prototype.titleOver = function () {
//     let ulLiObjs = this.el.querySelectorAll("ul li")
//     ulLiObjs.forEach((item, i) => {
//         item.onmouseover = () => {
//             this.el.querySelector("ul li.active").className = "";
//             item.className = "cative";
//         };
//     });

// };
Tab.prototype.titleOut = function () {};
export default Tab;

let ulLiObjs = document.querySelectorAll('.box ul li')
ulLiObjs.forEach((item, i) => {
    item.onmouseover = function () {
        document.querySelector('.box ul li.active').className = ''
        this.className = 'active'
        document.querySelector('.box ol li.active').className = ''
        let olLiObjs = document.querySelectorAll('.box ol li')
        olLiObjs[i].className = 'active'
    }
})


